<p>This is the partial for view 1.
{{ 'Current version is v%VERSION%.' | interpolate }}
    <!--{{lAlert("aaaa")}}-->
<hr>
    <my-customer info="naomi"></my-customer>
<hr>
    <my-customer info="igor"></my-customer>
</p>

Date format: <input ng-model="format"> <hr/>
Current time is: <span my-current-time="format"></span>

<my-dialog>Check out the contents, {{name}}!</my-dialog>

<hr>


{{message}}
<my-dialog ng-hide="dialogIsHidden" on-close="hideDialog(message)">
        Check out the contents, {{name}}!
</my-dialog>

<hr>
<span my-draggable>Drag ME</span>


<hr>

<my-tabs>
    <my-pane title="Hello">
        <h4>Hello</h4>
        <p>Lorem ipsum dolor sit amet</p>
    </my-pane>
    <my-pane title="World">
        <h4>World</h4>
        <em>Mauris elementum elementum enim at suscipit.</em>
        <p><a href ng-click="i = i + 1">counter: {{i || 0}}</a></p>
    </my-pane>
</my-tabs>


<div contentEditable="true" ng-model="content" title="Click to edit">Some</div>
<pre>model = {{content}}</pre>

<style type="text/css">
    div[contentEditable] {
        cursor: pointer;
        background-color: #D0D0D0;
    }
</style>